﻿<%@ Page Language="C#" MasterPageFile="~/Usuarios.master" AutoEventWireup="true" CodeFile="VerPerfil.aspx.cs" Inherits="Usuario_VerPerfil" Title="e-lectrodomesticos - Perfil de usuario" %>
<%@ Import Namespace="App_Code.Clases"%>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<script src="/e-lectrodomesticos/Scripts/jquery.maskedinput-1.3.min.js" type="text/javascript"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<script type="text/javascript">
$(document).ready(function(){
$("#<%=txtDUI.ClientID %>").mask("99999999-9");
   $("#<%=txtNIT.ClientID %>").mask("9999-999999-999-9");
   });

</script>

    <script src="/e-lectrodomesticos/Scripts/Usuarios/PerfilUsuario.js" type="text/javascript"></script>
    <h2>Perfil del Usuario</h2>
    
    <form id="formPerfil" runat="server">
    
    <div id="tabs_pefil_usuario">
        <ul>
		    <li><a href="#tab-perfil">Perfil</a></li>
		    <li><a href="#tab-direcciones">Direcciones</a></li>
		    <li><a href="#tab-cuentas">Cuentas</a></li>
	    </ul>
	    <div id="tab-perfil">
	        <input type="hidden" id="idPerfil" runat="server"/>
	        <div id="divEditarPerfil">
	            <div class="boton-nuevo">
                        <a id="btnGuardarPerfil1" href="#"> Guardar </a>
                </div>
                <label>Nombres:</label><input type="text" id="txtNombre" runat="server"/><br />
                <label>Apellidos:</label><input type="text" id="txtApellido" runat="server"/><br />
                <label>DUI:</label><input  type="text" id="txtDUI" runat="server"/><br />
                <label>NIT:</label><input type="text" id="txtNIT" runat="server"/><br />
                <label>Telefono Fijo:</label><input type="text" id="txtFijo" runat="server"/><br />
                <label>Celular</label><input type="text" id="txtCelular" runat="server"/><br />
                <label>Otros:</label><input type="text" id="txtOtros" runat="server"/>
                <div class="boton-nuevo">
                        <a id="btnGuardarPerfil2" href="#"> Guardar </a>
                </div>
            </div>
            <div id="divVerPerfil">
                <div class="boton-nuevo">
                        <a id="btnEditarPerfil1" href="#"> <img src="/e-lectrodomesticos/Content/Images/pencil.png" />&nbsp;Editar </a>
                </div>            
                <label>Nombres:</label><span class="descripcionForm" id="spNombre" runat="server"></span><br />
                <label>Apellidos:</label><span class="descripcionForm" id="spApellidos" runat="server"></span><br />
                <label>DUI:</label><span class="descripcionForm" id="spDUI" runat="server"></span><br />
                <label>NIT:</label><span class="descripcionForm" id="spNIT" runat="server"></span><br />
                <label>Telefono Fijo:</label><span class="descripcionForm" id="spFijo" runat="server"></span><br />
                <label>Celular</label><span class="descripcionForm" id="spCelular" runat="server"></span><br />
                <label>Otros:</label><span class="descripcionForm" id="spOtros" runat="server"></span>
                <div class="boton-nuevo">
                        <a id="btnEditarPerfil2" href="#"> <img src="/e-lectrodomesticos/Content/Images/pencil.png" />&nbsp;Editar </a>
                </div>
            </div>
        </div>
        <div id="tab-direcciones">
                    <div class="boton-nuevo">
                        <a id="crear_direccion1" onclick="CrearDireccion()" href="#"> <img src="/e-lectrodomesticos/Content/Images/add.png" />&nbsp;Nueva Dirección </a>
                    </div>
                    <asp:GridView ID="GridDirecciones" runat="server" AutoGenerateColumns="false" BorderColor="ActiveBorder">
                        <Columns>
                            <asp:BoundField HeaderText="ID" DataField="Id" />
                            <asp:BoundField HeaderText="Nombre" DataField="Nombre" />
                            <asp:TemplateField HeaderText="Herramientas">
                                <ItemTemplate>
                                    <a href="#"  onclick="EditarDireccion(<%# ((DireccionCliente)Container.DataItem).Id %>)" title="Editar">
                                        <img src="/e-lectrodomesticos/Content/Images/pencil.png" />
                                    </a>&nbsp;
                                    <a href="#" onclick="EliminarDireccion('<%# ((DireccionCliente)Container.DataItem).Id %>')"title="Eliminar">
                                        <img src="/e-lectrodomesticos/Content/Images/delete.png" />
                                    </a>
                                </ItemTemplate>
                            </asp:TemplateField>
                        </Columns>
                    </asp:GridView>
                    <div class="boton-nuevo">
                        <a id="crear_direccion2" onclick="CrearDireccion()" href="#"> <img src="/e-lectrodomesticos/Content/Images/add.png" />&nbsp;Nueva Dirección </a>
                    </div>
        </div>
        <div id="tab-cuentas">
                    <div class="boton-nuevo">
                        <a id="crearCuenta1" onclick="CrearCuenta()" href="#"> <img src="/e-lectrodomesticos/Content/Images/add.png" />&nbsp;Nueva Cuenta </a>
                    </div>
                    <asp:GridView ID="GridCuenta" runat="server" AutoGenerateColumns="false" BorderColor="ActiveBorder">
                        <Columns>
                            <asp:BoundField HeaderText="ID" DataField="Id" />
                            <asp:BoundField HeaderText="Nombre" DataField="Nombre" />
                            <asp:TemplateField HeaderText="Herramientas">
                                <ItemTemplate>
                                    <a href="#"onclick="EditarCuenta(<%# ((Cuenta)Container.DataItem).Id %>)" title="Editar">
                                        <img src="/e-lectrodomesticos/Content/Images/pencil.png" />
                                    </a>&nbsp;
                                    <a href="#" onclick="EliminarCuenta('<%# ((Cuenta)Container.DataItem).Id %>')" title="Eliminar">
                                        <img src="/e-lectrodomesticos/Content/Images/delete.png" />
                                    </a>
                                </ItemTemplate>
                            </asp:TemplateField>
                        </Columns>
                    </asp:GridView>
                    <div class="boton-nuevo">
                        <a id="crearCuenta2" onclick="CrearCuenta()" href="#"> <img src="/e-lectrodomesticos/Content/Images/add.png" />&nbsp;Nueva Cuenta </a>
                    </div>
        </div>
    </div>
    
    <div id="divEditarCuenta">
        <input type="hidden" id="hiddenIdCuenta" />
        <table>
            <tr>
                <td><label>Nombre:</label></td>
                <td><input type="text" id="txtNombreCuenta" /></td>
            </tr>
            <tr>
                <td><label>Numero Cuenta:</label></td>
                <td><input type="text" id="txtNCuenta"/></td>
            </tr>
            <tr>
                <td><label>Tipo Cuenta:</label></td>
                <td><select id="slcTipoCuenta">
                            <option value="0">No aplica</option>
                            <option value="1">Corriente</option>
                            <option value="2">Ahorros</option>
                            <option value="3">Otros</option>
                        </select></td>
            </tr>
            <tr>
                <td><label>Es Tarjeta:</label></td>
                <td><input type="checkbox" id="chkEsTarjeta" /></td>
            </tr>
            <tr>
                <td><label>Tipo Tarjeta:</label></td>
                <td><select id="slcTipoTarjeta">
                        <option value="0">No aplica</option>
                        <option value="1">Credito</option>
                        <option value="2">Debito</option>
                        <option value="3">Otros</option>
                    </select></td>
            </tr>
            <tr><td colspan="2"></td></tr>
        </table>
    </div>
    <div id="divVerCuenta">
        <table>
            <tr>
                <td><label>Nombre:</label></td>
                <td><span class="descripcionForm" id="spNombreCuenta"></span></td>
            </tr>
            <tr>
                <td><label>Numero Cuenta:</label></td>
                <td><span class="descripcionForm" id="spNCuenta"></span></td>
            </tr>
            <tr>
                <td><label>Tipo Cuenta:</label></td>
                <td><span class="descripcionForm" id="spTipoCuenta"></span></td>
            </tr>
            <tr>
                <td><label>Es Tarjeta:</label></td>
                <td><span class="descripcionForm" id="spEsTarjeta"></span></td>
            </tr>
            <tr>
                <td><label>Tipo Tarjeta:</label></td>
                <td><span class="descripcionForm" id="spTipoTarjeta"></span></td>
            </tr>
        </table>
    </div>
    <div id="divEditarDireccion">
        <input type="hidden" id="hiddenIdDireccion"/>
        <table>
            <tr>
                <td><label>Nombre:</label></td>
                <td><input type="text" id="txtNombreDireccion" /></td>
            </tr>
            <tr>
                <td><label>Departamento:</label></td>
                <td><select id="slcDepartamento"></select></td>
            </tr>
            <tr>
                <td><label>Municipio:</label></td>
                <td><select id="slcMunicipio"></select></td>
            </tr>
            <tr>
                <td><label>Colonia:</label></td>
                <td><input type="text" id="txtColonia" /></td>
            </tr>
            <tr>
                <td><label>Calle:</label></td>
                <td><input type="text" id="txtCalle" /></td>
            </tr>
            <tr>
                <td style="vertical-align: middle;"><label>Complemento:</label></td>
                <td><textarea id="taComplemento" cols="10" rows="2"></textarea></td>
            </tr>
        </table>
    </div>
    <div id="divVerDireccion">
    </div>
    
    </form>
    
    
</asp:Content>

